<template>
    <div class="parent">
        <h1>父容器</h1>
        <child>
<!--
插槽加了 name 属性，就变成了具名插槽。
具名插槽可以在一个组件中出现 N 次，出现在不同的位置，
只需要使用不同的 name 属性区分即可。
 -->
            <div class="tmpl" slot="up">
                <span>菜单up-1</span>
            </div>
            <div class="tmpl" slot="down">
                <span>菜单down-1</span>
            </div>
            <div class="tmpl">
                <span>菜单->1</span>
            </div>
        </child>
    </div>
</template>

<script>
    import child from './slot-child'
    export default {
        name: "slot-parent",
        components:{
            child
        },
        data(){
            return{

            }
        }
    }
</script>

<style scoped>

</style>